<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>A&ntilde;adir Acompa&ntilde;ante</title>
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="http://estilos.pedagogica.edu.co/upn.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://estilos.pedagogica.edu.co/upn.js"></script>    
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
        <div class="well">
            <h3>Añadir Acompañante</h3>
        </div>
        <form action="<c:url value='/servlet/upload' />" method="POST" enctype="multipart/form-data">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <td>Nombre</td>
                        <td>Documento de Identificación</td>
                        <td>Parentesco</td>
                        <td>Edad</td>
                        <td>Soporte</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <input type="text" name="nombreAcompanante" id="nombreAcompanante" placeholder="Ej. Juan Camilo Cadena Doncell" />
                        </td>
                        <td>
                            <select id="tipoDocumentoAcompanante" name="tipoDocumentoAcompanante" class="input-mini">
                                <option value="cc">CC</option>
                                <option value="ce">CE</option>
                                <option value="ti">TI</option>
                                <option value="nuip">NUIP</option>
                                <option value="registroCivil">Registro Civil</option>
                                <option value="pasaporte">Pasaporte</option>
                            </select>
                            <input type="text" id="documentoAcompanante" name="documentoAcompanante" placeholder="Ej. 201012" class="input-small" />
                        </td>
                        <td>
                            <select id="parentesctoAcompanante" name="parentesctoAcompanante" class="input-small">
                                <option value="hijo">Hijo(a)</option>
                                <option value="madre">Madre</option>
                                <option value="padre">Padre</option>
                                <option value="conyuge">Conyuge</option>
                            </select>
                        </td>
                        <td>
                            <input name="edad" id="edad" type="number" class="input-mini"/>
                        </td>
                        <td>
                            <input type="file" name="archivo" id="archivo"  data-placement="right" rel="popover" title="¿Cómo?" data-content="Presiona el botón de Examinar y realiza el mismo procedimiento que adjuntando un archivo en tu correo electrónico" onmouseover="$('#url').popover('show')" onmouseout="$('#url').popover('hide')" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="form-actions">
                <input type="submit" class="btn btn-primary" value="A&ntilde;adir Información" />
                <input type="reset" class="btn" value="Limpiar Datos" />
            </div>
        </form>
    </body>
</html>
